<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频与音频</title>
</head>
<body>
<article>
    <aside>
        <h1>嵌入视频</h1>
        <video src="../img/mov.mp4" controls="controls"></video>
        <ul>
            <li>
                属性：
            </li>
            <li>
                src：播放视频的路径
            </li>
            <li>
                controls：如果出现该属性，表示向用户显示视频控件，比如“播放“按钮
            </li>
            <li>
                autoplay：如果出现该属性，则表示视频在就绪后马上播放
            </li>
            <li>
                width：设置视频播放器的宽度
            </li>
            <li>
                height：设置视频播放器的高度
            </li>
            <li>
                loop：如果出现该属性，表示频频循环播放
            </li>
            <li>
                preload：如果出现该属性，则视频在页面加载是进行加载，并预备播放
            </li>
            <li>
                poster：当视频缓冲不足时，该属性值链接一个图像，并将该图像按照一定比例显示
            </li>
        </ul>
        <h1>嵌入音频</h1>
        <audio src="../img/music.mp3" controls="controls"></audio>
        <ul>
            <li>
                属性：
            </li>
            <li>
                src：播放音频的路径
            </li>
            <li>
                controls：如果出现该属性，表示向用户显示音频控件，比如“播放“按钮
            </li>
            <li>
                autoplay：如果出现该属性，则表示音频在就绪后马上播放
            </li>
            <li>
                width：设置音频播放器的宽度
            </li>
            <li>
                height：设置音频播放器的高度
            </li>
            <li>
                loop：如果出现该属性，表示音频循环播放
            </li>
            <li>
                preload：如果出现该属性，则音频在页面加载是进行加载，并预备播放
            </li>
        </ul>
        <h1>source：设置多种视频格式</h1>
        <video src="../img/mov.mp4" controls="controls">
            <source src="../img/1.mp4" type="video/mp4">
            <source src="../img/music.mp3" type="video/mp4">
        </video>
        <h2>也可以添加多种音频的格式，让浏览器选择可以播放的格式</h2>
    </aside>
</article>
</body>
</html>